<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			.top{
				width: 970px;
				height: 103px;
				margin: 0 auto;
			}
			.top .red1{
				float: left;
				width: 277px;
				height: 103px;
				background-color: red;
			}
			.top .green1{
				float: left;
				width: 679px;
				height: 103px;
				margin-left: 14px;
			}
			.top .green1 .green11{
				float:right;
				width: 137px;
				height: 49px;
				background-color: lawngreen;
				
			}
			.top .green1 .green12{
				float:right;
				width: 679px;
				height: 46px;
				background-color: lawngreen;
				margin-top: 8px;
			}
			.center{
				width:970px;
				height: 435px;
				margin: 0 auto;
				margin-top: 10px;
			}
			.center .yellow1{
				float: left;
				width: 310px;
				height: 435px;
				background-color:orange;
			}
			.center .yellow2{
				float: left;
				width: 650px;
				height: 435px;
				margin-left: 10px;
			}
			.center .yellow2 .yellow21{
				width: 650px;
				height: 400px;
			}
			.center .yellow2 .yellow22{
				width: 650px;
				height: 25px;
				background-color:green;
				margin-top: 10px;
			}
			.center .yellow2 .yellow21 .yellow211{
				float: right;
				width: 190px;
				height: 400px;
				background-color:mediumvioletred;
				margin-left: 10px;
			}
			.center .yellow2 .yellow21 .yellow212{
				width: 450px;
				height: 400px;
			}
			.center .yellow2 .yellow21 .yellow212 .yellow2121{
				width: 450px;
				height: 240px;
				background-color:dodgerblue;
			}
			.center .yellow2 .yellow21 .yellow212 .yellow2122{
				width: 450px;
				height: 110px;
				background-color:dodgerblue;
				margin-top: 10px;
			}
			.center .yellow2 .yellow21 .yellow212 .yellow2123{
				width: 450px;
				height: 30px;
				background-color:dodgerblue;
				margin-top: 10px;
			}
			.footer{
				width:970px;
				height: 35px;
				background-color:darkblue;
				margin: 0 auto;
				margin-top:10px ;
			}
			
		</style>
	</head>
	<body>
		<div class="top">
			<div class="red1"></div>
			<div class="green1">
				<div class="green11"></div>
				<div class="green12">
				</div>
			</div>
		</div>
		<div class="center">
			<div class="yellow1"></div>
			<div class="yellow2">
				<div class="yellow21">
					<div class="yellow211"></div>
					<div class="yellow212">
						<div class="yellow2121"></div>
						<div class="yellow2122"></div>
						<div class="yellow2123"></div>
					</div>
				</div>
					<div class="yellow22"></div>
			</div>
		</div>
		<div class="footer"></div>
	</body>
</html>
